﻿@using Happy.Cms.Query.Articles

@helper RenderSkitter(IEnumerable<ArticleView> articles, string detailHref)
{
    <div class="box_skitter">
        <ul>
            @foreach (var article in articles)
            {
                <li>
                    <a href="@detailHref@article.Id">
                        <img src="@article.ImageInfo_Url" class="cube" />
                    </a>
                    <div class="label_text">
                        <p>@article.Title</p>
                    </div>
                </li>
            }
        </ul>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.box_skitter').skitter({
                theme: 'clean',
                numbers_align: 'center',
                progressbar: true,
                dots: true,
                preview: true,
            });
        });
    </script>
}